<%@ include file="/head.jsp" %>
<%@ page language="java" pageEncoding="utf8"%>
<LINK href="images/new.css" type=text/css 
rel=stylesheet>
<SCRIPT src="images/common.js" 
type=text/javascript></SCRIPT>
<script type="text/javascript" src="script/index.js"></script>
<script type="text/javascript">
        	dojo.addOnLoad(function(){
        		initIndex();
        	});
</script>

                    <!-- main content -->
                    
<div class="maincontent">
    <div class="HackBox">
    </div>
    <div id="breadcrumb">
        &nbsp;
    </div>
    <div class="maincontentin">
        <div>
<DIV id="slide" style="BORDER-RIGHT: #b4b4b4 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #b4b4b4 1px solid; MARGIN: auto; PADDING-LEFT: 4px; align:center; PADDING-BOTTOM: 4px; BORDER-LEFT: #b4b4b4 1px solid; WIDTH: 410px; PADDING-TOP: 4px; BORDER-BOTTOM: #b4b4b4 1px solid; HEIGHT: 318px">

<!-- slide start -->
<SCRIPT language=javascript>
var m_nPageInitTime = new Date();
			var MainTopRoll = new xwzRollingImageTrans("IMG_MAIN_TOP_ROLL_DETAIL", "IMGS_MAIN_TOP_ROLL_THUMBNAIL");
MainTopRoll.addItem
("http://www.sharejs.com/","images/avatar.jpg");
MainTopRoll.addItem
("http://www.sharejs.com/","images/2012.jpg");
MainTopRoll.addItem
("http://www.sharejs.com/","images/tla.jpg");
MainTopRoll.addItem
("http://www.sharejs.com/","images/04.jpg");
MainTopRoll.addItem
("http://www.sharejs.com/","images/huamulan.jpg");
MainTopRoll.addItem
("http://www.sharejs.com/","images/06.jpg");
</SCRIPT>

<DIV id=SlideMain><IMG class=SlideMainRoll height=318 
src="images/01.jpg" 
width=410 border=0 name=IMG_MAIN_TOP_ROLL_DETAIL> </DIV>
<DIV id=SlideMenu>
<UL>
  <LI class=SlideMenuOut id=0-l 
  onmouseover="document.getElementById('0-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('0-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(0) style="CURSOR: pointer" height=50 
  src="images/avatar_.jpg" 
  width=50 border=0> </LI>
  <LI class=SlideMenuOut id=1-l 
  onmouseover="document.getElementById('1-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('1-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(1) style="CURSOR: pointer" height=50 
  src="images/2012_1.jpg" 
  width=50 border=0> </LI>
  <LI class=SlideMenuOut id=2-l 
  onmouseover="document.getElementById('2-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('2-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(2) style="CURSOR: pointer" height=50 
  src="images/tl.jpg" 
  width=50 border=0> </LI>
  <LI class=SlideMenuOut id=3-l 
  onmouseover="document.getElementById('3-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('3-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(3) style="CURSOR: pointer" height=50 
  src="images/4.jpg" 
  width=50 border=0> </LI>
  <LI class=SlideMenuOut id=4-l 
  onmouseover="document.getElementById('4-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('4-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(4) style="CURSOR: pointer" height=50 
  src="images/mulan.jpg" 
  width=50 border=0> </LI>
  <LI class=SlideMenuOut id=5-l 
  onmouseover="document.getElementById('5-l').className='SlideMenuOver'" 
  onmouseout="document.getElementById('5-l').className='SlideMenuOut'"><IMG 
  style="DISPLAY: none" height=5 
  src="http://www.sharejs.com/" 
  width=9 align=absMiddle border=0 name=IMGS_MAIN_TOP_ROLL_THUMBNAIL> <IMG 
  onmouseover=MainTopRoll.alterImage(5) style="CURSOR: pointer" height=50 
  src="images/6.jpg" 
  width=50 border=0> </LI></UL></DIV>
<SCRIPT language=JavaScript>
			MainTopRoll.Index =  parseInt('0');
			MainTopRoll.install();
</SCRIPT>
<!-- slide end -->

<!-- roll left -->
<style type="text/css">
<!--
#demo {
 background: #FFF;
 overflow:hidden;
 width: 500px;
 margin: auto;
}
#demo img {
 border: 3px solid #F2F2F2;
}
#indemo {
 float: left;
 width: 800%;
}
#demo1 {
 float: left;
}
#demo2 {
 float: left;
}
-->
</style>
<!-- roll left ends -->
        </div>
        <div id = "newBooks">
            <h1>新片速递</h1>
            <a class="more" href="moreLatestMovies.do?startIndex=0">更多&nbsp;&gt;&gt;</a>
            <div class="channel">
            </div>
   <!--         <marquee height="180" onmouseout="this.start()" onmouseover="this.stop()" scrollAmount="1" scrollDelay="1"> -->
<div id="demo">
<div id="indemo">
<div id="demo1"> 
            <table width="100%">
                <tr class="bookList">
                    <td>
                        <div class="bookItem">
                            <div class = "bookImg">
                                <a id="mp_href_0"><img id="moviePoster_0" alt="" title="" src=""/></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="bookItem">
                            <div class = "bookImg">
                                <a id="mp_href_1"><img id="moviePoster_1" alt="" title="" src=""/></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="bookItem">
                            <div class = "bookImg">
                                <a id="mp_href_2"><img id="moviePoster_2" alt="" title="" src=""/></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="bookItem">
                            <div class = "bookImg">
                                <a id="mp_href_3"><img id="moviePoster_3" alt="" title="" src=""/></a>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="bookItem">
                            <div class = "bookImg">
                                <a id="mp_href_4"><img id="moviePoster_4" alt="" title="" src=""/></a>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=20; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab.scrollLeft<=0)
tab.scrollLeft+=tab2.offsetWidth
else{
tab.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
        <!--  </marquee> -->   
        </div>
    </div>
    <div style="width:760px;height:500px;border-top:1px green solid;margin-top:10px;">
		<h1 style="border-bottom:1px green dashed;">电影预告片</h1>
		<p style="font-size:14px;margin-left:130px;margin-top:10px;">近期上映-3D巨作《Avatar》</p>
		<object  classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="490" height="242"   codebase="http://www.apple.com/qtactivex/qtplugin.cab">										
			<param name="src" value="../cars_360/source/200410281840722345.mov">  
			<param name="autoplay" value="true">  
			<param name="scale" value="tofit">  
			<param name="controller" value="1">  
			<param name="bgcolor" value="#000000">  
			<param name="pluginspage"		value="http://www.apple.com/quicktime/download/indext.html">  
			<embed width="490" height="242" scale="tofit" controller="1" bgcolor="#000000" src="prefilm/Avatar.mov" autoplay="true" style="margin-left:130px;margin-top:20px;border:3px black solid;" pluginspage="http://www.apple.com/quicktime/download/indext.html">  
			</embed>   
		</object>
	</div>
    <!-- main content -->
</div>

<jsp:include page="footer.jsp" />
